<!doctype html>
<html>

<head>
  <title>Endaytrer's Personal Page</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="style.css" />
  <script src="script.js"></script>
</head>


<body>
  <div class="titleBlank dawn" id="titleBlank">
    <h1 class="mainTitle"><b>ENDAY</b>TRER</h1>
  </div>
  <!--Navigation Bars-->
  <ul class="nav navBar">
    <li class="navItem"><a class="navBarLink activePage" href="http://endaytrer.1919810.com">HOME</a></li>
    <li class="navItem"><a class="navBarLink" href="http://endaytrer.1919810.com/blog">BLOG</a></li>
    <li class="navItem"><a class="navBarLink" href="https://github.com/endaytrer">GITHUB</a></li>
  </ul>
  <ul class="nav mNavBar barBefore" id="mobileBar">
    <li class="mNavItem"><a class="mTitle">Endaytrer</a></li>
    <div class="dropdown">
      <label for="expandButton">
        <input type="checkbox" id="expandButton" style="display: none" ; />
        <div class="dropBtn" onclick="javascript:expandMenu()">+</div>
        <div class="clear"></div>
        <script>
          function expandMenu() {
            checkbox = document.getElementById("expandButton");
            bar = document.getElementById("mobileBar");
            button = document.getElementsByClassName("dropBtn")[0];
            if (!checkbox.checked) {
              button.style.transform = "rotate(45deg)";
              bar.classList.add("barAfter");
              bar.classList.remove("barBefore");
            } else {
              button.style.transform = "rotate(0deg)";
              bar.classList.add("barBefore");
              bar.classList.remove("barAfter");
            }
          }
        </script>
      </label>
      <ul class="dropdownList">
        <li class="mNavItem mActivePage"><a class="mNavBarLink" href="http://endaytrer.1919810.com">Home</a></li>
        <li class="mNavItem"><a class="mNavBarLink" href="http://endaytrer.1919810.com/blog">Blog</a></li>
        <li class="mNavItem"><a class="mNavBarLink" href="https://github.com/endaytrer">Github</a></li>
      </ul>
    </div>
  </ul>
  <!--Main Content-->
  <div id="welcome" class="welcome freshRainbow">
    <div id="quoteContainer" class="quoteContainer col-8 mcol-10 tcol-10">
      <h1 id="startify" class="startify">It seems that your javascript doesn't work.</h1>
      <h3 id="author" class="author">It's seems that your javascript doesn't work.</h3>
    </div>
  </div>
  <div class="products">
    <div class="cardContainerContainer">
      <h1 class="productTitle">Products</h1>
      <div class="cardContainer">
        <label for="thisChecked1">
          <input type="checkbox" class="checkBox" id="thisChecked1" style="display: none;" />
          <div class="card blurryBeach modelt col-4" onclick="javascript:check1();">
            <div class="abstract">
              <h2 class="t21">MODEL<b>T</b></h2>
              <div class="text">
                <h4>A Python package<br />for Math<br />Modeling.<br /> <a
                    href="https://github.com/endaytrer/modelt">View
                    in
                    GitHub.</a>
                </h4>
              </div>
            </div>
            <div class="installation">
              <h3><b>Installation</b></h3>
            </div>
          </div>
          <script>
            function check1() {
              thisCheck = document.getElementById('thisChecked1');
              if (thisCheck.checked == false) {
                otherCheck = document.getElementById('thisChecked2');
                otherCheck.checked = false;
              }
            }
          </script>
        </label>
        <label for="thisChecked2">
          <input type="checkbox" class="checkBox" id="thisChecked2" style="display: none;" />
          <div class="card bicDNA crystalClear col-4" onclick="javascript:check2();">
            <div class="abstract">
              <h2 class="t21">BIC<b>DNA</b></h2>
              <div class="text">
                <h4>A C# Based<br /> DNA Analytical<br /> App.<br /> <a href="https://github.com/endaytrer/BICDNA">View
                    in
                    GitHub.</a>
                </h4>
              </div>
            </div>
            <div class="installation">
              <h3><b>Installation</b></h3>
            </div>
          </div>
          <script>
            function check2() {
              thisCheck = document.getElementById('thisChecked2');
              if (thisCheck.checked == false) {
                otherCheck = document.getElementById('thisChecked1');
                otherCheck.checked = false;
              }
            }
          </script>
        </label>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div class="about">
    <p class="footnote">©Made by Endaytrer. Powered by GitHub Pages.</p>

    </p>
  </div>
</body>

</html>